document.body.innerHTML = `
  <div style="height: 100px; width: 100px; margin-top: -50px;"></div>
`;

let observer = new IntersectionObserver((entries) =>
  console.log({ entries })
);
observer.observe(document.querySelector("div"));

// {
//   entries: [
//     {
//       boundingClientRect: {
//         x: 8,
//         y: -42,
//         width: 100,
//         height: 100,
//         top: -42,
//         right: 108,
//         bottom: 58,
//         left: 8
//       },
//       intersectionRatio: 0.5799999833106995,
//       intersectionRect: {
//         x: 8,
//         y: 0,
//         width: 100,
//         height: 58,
//         top: 0,
//         right: 108,
//         bottom: 58,
//         left: 8
//       },
//       isIntersecting: true,
//       isVisible: false,
//       rootBounds: null,
//       target: <div>,
//       time: 1794.5
//     }
//   ]
// }
